<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" href='<c:url value="/resources/css/fastTempalte.css"/>'>
	<link rel="stylesheet" href='<c:url value="/resources/bootstrap/css/bootstrap.min.css"/>'>
	<link rel="stylesheet" href='<c:url value="/resources/handsontable/handsontable.full.024.css"/>'>
	<link rel="stylesheet" href='<c:url value="/resources/jquery-ui-bootstrap3/css/jquery-ui-1.10.0.custom.css"/>'/>

	<script src='<c:url value="/resources/handsontable/handsontable.full.024.js"/>'></script>
	<script src='<c:url value="/resources/handsontable/rulejs/full/ruleJS.all.full.js"/>'></script>
	<script src='<c:url value="/resources/js/jquery-1.11.0.min.js"/>'></script>
	<script src='<c:url value="/resources/js/jquery.jsontotable.js"/>'></script>
	<script src='<c:url value="/resources/jquery-ui-bootstrap3/js/jquery-ui-1.10.0.custom.min.js"/>'></script>	
	<script src='<c:url value="/resources/myjs/freeTable.js"/>'></script>

	<style type="text/css">
		.htMenu{
			font-family: '微软雅黑';
		}
		.wtSpreader{
			font-family: '微软雅黑';
		}
		.freeClose{
			width: 16px;
		    height: 16px;
		    display: block;
		    float: right;
		    background-position: -96px -128px;
		    background-image: url(resources/jquery-ui-bootstrap3/css/images/ui-icons_888888_256x240.png);
		    cursor: pointer;
			margin-right: 3px;
		}
	</style>
</head>

<body oncontextmenu="return false;">
	<div style="height:500px">
		<div id='header' style="height: 25px;border-bottom: 1px solid #ccc;margin-bottom: 5px;">
			<span style="float:left;color:#404040;font-weight:bold;font-family:'微软雅黑';margin-left: 4px;">自定义表格</span>
			<span class="freeClose"></span>			
		</div>
		<div id='conten'>
			<div id='handsontable'></div>
		</div>
		<div id='bottom' style="height: 45px;padding: 10px 15px;border-top: 1px solid #ccc;margin-top: 5px;">
			<div style="float:right">
				<button id='freeSucssBtn' class="btn btn-primary btn-sm" style="margin-right:7px;padding:4px 15px;" type="button">确定</button>
				<button id='freeCancel' class="btn btn-default btn-sm" style="padding:4px 15px;" type="button">取消</button>
			</div>
		</div>
	</div>

	<div id='freeTabSetVal' style="display:none;">
		<span class="ui-helper-hidden-accessible"><input type="text"/></span>
		<div>
			<div class="form-group" style="margin:5px 2px">
				<label class="control-label">返回类型：</label>
				<label class="radio-inline">
					<input type="radio" name="backType" value="table" checked="checked">表格
				</label>
				<label class="radio-inline">
					<input type="radio" name="backType" value="signValue">单值
				</label>
			</div>
			<div class="form-group" style="margin:5px 2px">
				<label class="control-label">坐标：</label>
				<input type="text" style="width:130px" class="form-control input-sm" id="setPoints" placeholder="坐标值">
			</div>
			<div class="form-group" style="margin:5px 2px">
				<label class="control-label" for="setVal">脚本：</label>
				<input type="text" style="width:290px" class="form-control input-sm" id="setVal" placeholder="输入脚本">
				<button type="button" id='freeDataPreviewBtn' class="btn btn-default btn-ms">预览</button>
			</div>
			<div class="form-group" style="margin:5px 2px">
				<label class="control-label" for="setVal">预览：</label>
				<div id="freeDataPreview" style="width:565px;height:270px;border:1px solid rgb(138, 134, 134);overflow:auto;"></div>
			</div>
		</div>
	</div>
</body>